.Details {
  height: 100vh;
  background: #242731;
  overflow: hidden;

  .Details_head {
    display: flex;
    flex-direction: column;
    height: 750px;
    background: url('https://pzdsoss.pzds.com//im/20231101/14974e47_1698833412584.png') no-repeat center / auto 100% #1F2128;
    overflow: hidden;

    .head {
      padding: 0 24px;
      display: flex;
      align-items: center;
      justify-content: space-between;

      Image {
        padding: 20px;
        width: 44px;
        height: 44px;
        transform: rotate(180deg);
      }

      Text {
        font-family: PingFangSCSemibold, PingFangSCSemibold;
        font-weight: normal;
        font-size: 32px;
        color: #FFFFFF;
        line-height: 38px;
      }

      View {
        padding: 20px;
        width: 44px;
        height: 44px;
      }
    }

    .btns {
      margin: auto 0 36px;
      padding: 0 48px;
      display: flex;
      align-items: center;

      Image {
        width: 80px;
        height: 80px;

        &:last-child {
          margin-left: auto;
        }
      }

      Image+Image {
        margin-left: 40px;
      }
    }
  }

  .info {
    padding: 40px 48px;
    border-bottom: 1px solid rgba(228, 228, 228, 0.1);

    .title {
      font-family: PingFangSC, PingFang SC;
      font-weight: normal;
      font-size: 36px;
      color: #FFFFFF;
      line-height: 50px;
    }

    .userinfo {
      margin-top: 32px;
      display: flex;
      align-items: center;

      Image {
        width: 68px;
        height: 68px;
        border-radius: 50%;
      }

      View {
        margin-left: 16px;
        display: flex;
        flex-direction: column;

        Text {
          &:nth-child(1) {
            font-family: PingFangSC, PingFang SC;
            font-weight: normal;
            font-size: 26px;
            color: #FFFFFF;
            line-height: 36px;
          }

          &:nth-child(2) {
            font-family: AppleSystemUIFont;
            font-size: 24px;
            color: #808191;
            line-height: 32px;
          }
        }
      }
    }

    .otherinfo {
      position: relative;
      margin-top: 40px;
      display: flex;
      align-items: center;

      &::before {
        position: absolute;
        top: 50%;
        left: 0;
        content: '';
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #0049C6;
        transform: translateY(-50%);
      }

      Text {
        margin-left: 40px;
        font-family: AppleSystemUIFont;
        font-size: 24px;
        color: #808191;
        line-height: 32px;
      }

      View {
        margin-left: auto;
        display: flex;
        align-items: center;

        Image {
          width: 34px;
          height: 28px;
        }

        Text {
          margin-left: 10px;
        }
      }
    }

  }

  .params {
    display: flex;
    flex-wrap: wrap;
    padding: 26px 48px;

    .params_item {
      width: 50%;
      display: flex;
      align-items: center;

      Text {
        &:nth-child(1) {
          display: inline-block;
          width: 100px;
          font-family: PingFangSC, PingFang SC;
          font-weight: normal;
          font-size: 26px;
          color: #808191;
          line-height: 36px;
        }

        &:nth-child(2) {
          padding: 4px 20px;
          font-family: AppleSystemUIFont;
          font-size: 26px;
          color: #FFFFFF;
          line-height: 36px;
          background: rgba(255, 255, 255, 0.05);
          border-radius: 4px;
        }
      }
    }

    .params_item+.params_item {
      margin-top: 10px;
    }
  }
}
